// 工程化
import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  // 路由配置
  routes: [
    {
      name: 'login',
      path: '/login',
      component: () => import('@/views/login.vue')
    },
    {
      name: 'personal',
      path: '/personal/:id',
      component: () => import('@/views/personal.vue')
    },
    {
      name: 'edit_profile',
      path: '/edit_profile/:id',
      component: () => import('@/views/edit_profile.vue')
    }
  ]
})


// 添加路由守卫，导航守卫
// 作用是通过判定来决定路由的跳转到底能不能进行
router.beforeEach((to, from, next) => {
  // 判断当前用户是否登录，如果登录了则就可以跳转，否则重定向到登录页
  // 获取用户登录之后的token 进行token 的判断
  // console.log(to);
  // let token = to.params.id
  if (to.name == 'personal') {  //判断是否跳转到个人中心页
    let token = localStorage.getItem('token')
    if (token) {
      next()
    } else {
      // 说明没有登录 则重定向登录页
      next({ name: 'login' })
    }
  } else {

  }
  next()

})

// 暴露
export default router